<template>
    <h3>侦听器</h3>
    <p>{{msg}}</p>
    <button @click="updatemsg">修改数据</button>
</template>
<script>
    export default{
        data(){
            return{
                msg:'123'
            }
        },
        methods:{
            updatemsg(){
                this.msg = 4556
            }
        },
        watch:{
            //方法名必须与被监听的变量名一致
            msg(newValue,oldValue){
                //数据发生变化后，自动执行的函数
                console.log(newValue,oldValue);
            }
        }
    }
</script>